
<!--HTML-->
<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Favicon icon -->
    <link rel="icon" type="image/png" sizes="16x16" href="/xtreme-admin/assets/images/favicon.png">
    <title>JeeGit企业级快速开发平台-JeeSite视频教程,JeeSite小程序研发教程,SpringBoot视频教程,SpringCloud视频教程,Redis视频教程,Flowable视频教程</title>
    <!-- Custom CSS -->
    <style type="text/css">.carousel-inner img {

    }</style>


    <!-- Custom CSS -->
    <link href="/xtreme-admin/dist/css/style.min.css" rel="stylesheet">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="/xtreme-admin/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="/xtreme-admin/libs/respond.js/1.4.2/respond.min.js"></script>

    <![endif]-->
</head>

<body>
<!-- ============================================================== -->
<!-- Preloader - style you can find in spinners.css -->
<!-- ============================================================== -->
<div class="preloader">
    <div class="lds-ripple">
        <div class="lds-pos"></div>
        <div class="lds-pos"></div>
    </div>
</div>
<!-- ============================================================== -->
<!-- Main wrapper - style you can find in pages.scss -->
<!-- ============================================================== -->
<div id="main-wrapper">



    <!-- ============================================================== -->
    <!-- Topbar header - style you can find in pages.scss -->
    <!-- ============================================================== -->
    <header class="topbar">
        <nav class="navbar top-navbar navbar-expand-md navbar-dark">
            <div class="navbar-header">
                <!-- This is for the sidebar toggle which is visible on mobile only -->
                <a class="nav-toggler waves-effect waves-light d-block d-md-none" href="javascript:void(0)"><i class="ti-menu ti-close"></i></a>
                <!-- ============================================================== -->
                <!-- Logo -->
                <!-- ============================================================== -->
                <a class="navbar-brand" href="index.html">
                 
                    <!--End Logo icon -->
                    <!-- Logo text -->
                   
                        <!-- Light Logo text -->
                        <img src="/mylogo.jpg" alt="img" class=" light-logo " style="border-radius: 50%;max-width:30%;max-height:30%"> 
              
                </a>
                <!-- ============================================================== -->
                <!-- End Logo -->
                <!-- ============================================================== -->
                <!-- ============================================================== -->
                <!-- Toggle which is visible on mobile only -->
                <!-- ============================================================== -->
                <a class="topbartoggler d-block d-md-none waves-effect waves-light" href="javascript:void(0)" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><i class="ti-more"></i></a>
            </div>
            <!-- ============================================================== -->
            <!-- End Logo -->
            <!-- ============================================================== -->
            <div class="navbar-collapse collapse" id="navbarSupportedContent">
                <!-- ============================================================== -->
                <!-- toggle and nav items -->
                <!-- ============================================================== -->
                <ul class="navbar-nav float-left mr-auto">
      
                  
                    <li class="nav-item d-none d-md-block"><a class="nav-link sidebartoggler waves-effect waves-light" href="javascript:void(0)" data-sidebartype="mini-sidebar"><i class="mdi mdi-menu font-24"></i></a></li>
                    <!-- ============================================================== -->
                    <!-- mega menu -->
                    <!-- ============================================================== -->
                    <li class="nav-item dropdown mega-dropdown">
                    <a class="nav-link dropdown-toggle waves-effect waves-dark" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span class="d-none d-md-block">VIP服务<i class="fa fa-angle-down"></i></span>
                        <span class="d-block d-md-none"><i class="mdi mdi-dialpad font-24"></i></span>
                    </a>
                        <div class="dropdown-menu animated bounceInDown">
                            <div class="mega-dropdown-menu row">
                                <div class="col-lg-3 col-xlg-2 m-b-30">
                                    <h4 class="m-b-20">VIP权限</h4>
                                    <!-- CAROUSEL -->
                                    <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
                                        <div class="carousel-inner" role="listbox">
                                            <div class="carousel-item active">
                                                <div class="container p-0"> <img class="d-block img-fluid" src="/xtreme-admin/assets/images/ads/00000000001.jpg" alt="First slide"></div>
                                            </div>
                                            <div class="carousel-item">
                                                <div class="container p-0"><img class="d-block img-fluid" src="/xtreme-admin/assets/images/ads/0000000000002.jpg" alt="Second slide"></div>
                                            </div>
                                            <div class="carousel-item">
                                                <div class="container p-0"><img class="d-block img-fluid" src="/xtreme-admin/assets/images/ads/0000000000003.jpg" alt="Third slide"></div>
                                            </div>
                                        </div>
                                        <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a>
                                        <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a>
                                    </div>
                                    <!-- End CAROUSEL -->
                                </div>
                                <div class="col-lg-3 m-b-30">
                                    <h4 class="m-b-20">VIP分类</h4>
                                    <!-- Accordian -->
                                    <div id="accordion">
                                        <div class="card m-b-5">
                                            <div class="card-header" id="headingOne">
                                                <h5 class="mb-0">
                                                    <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                        JeeGit 普通会员
                                                    </button>
                                                </h5>
                                            </div>
                                            <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                                                <div class="card-body">
                                                    999元/年 VIP1级课程免费观看 全年入门基础课程免费更新/免费听
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card m-b-5">
                                            <div class="card-header" id="headingTwo">
                                                <h5 class="mb-0">
                                                    <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                                        JeeGit 银牌会员 
                                                    </button>
                                                </h5>
                                            </div>
                                            <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                                                <div class="card-body">
                                                   	1999元/年 VIP2级课程免费观看 全年热门实战类教程免费更新/免费听
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card m-b-5">
                                            <div class="card-header" id="headingThree">
                                                <h5 class="mb-0">
                                                    <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                                        JeeGit 金牌会员
                                                    </button>
                                                </h5>
                                            </div>
                                            <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
                                                <div class="card-body">
                                                    3999元/年 VIP3级以下课程免费观看，提供15个工作日免费在线咨询服务，<br/>参与《JeeSite2.0 SpringBoot2.x企业级快速开发平台》开源框架计划（100%全开源免费）
                                                </div>
                                            </div>
                                        </div>
                                     <div class="card m-b-6">
                                            <div class="card-header" id="headingFourth">
                                                <h5 class="mb-0">
                                                    <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseFourth" aria-expanded="false" aria-controls="collapseFourth">
                                                        JeeGit 铂金会员
                                                    </button>
                                                </h5>
                                            </div>
                                            <div id="collapseFourth" class="collapse" aria-labelledby="headingFourth" data-parent="#accordion">
                                                <div class="card-body">
                                                    39,999元/年 VIP4级以下课程免费观看，提供4个月孵化时间，赠送《JeeGit自媒体知识付费平台源码》
                                                </div>
                                            </div>
                                        </div>
                                    
                                    
                                    
                                    </div>
                                </div>
                                <div class="col-lg-3  m-b-30">
                                    <h4 class="m-b-20">意见留言</h4>
                                    <!-- Contact -->
                                    <form id="formLeaveMessage" name="formLeaveMessage" method="post" action="leaveMessage.html"  novalidate>
                                        <div class="form-group">
                                            <input type="text" id="realname"  class="form-control" required data-validation-required-message="This field is required" placeholder="请输入您的真实命名"> </div>
                                        <div class="form-group">
                                            <input type="email" id="email" class="form-control" required data-validation-required-message="This field is required" placeholder="Email邮箱"> </div>
                                        <div class="form-group">
                                            <textarea id="leavemessge" class="form-control"  rows="3" required data-validation-required-message="This field is required" placeholder="留言信息"></textarea>
                                        </div>
                                        <hr/>
                                    	    咨询QQ：3211247533 <a href="http://wpa.qq.com/msgrd?v=3&uin=3211247533&site=qq&menu=yes" target="_blank">  <span class="badge badge-pill badge-danger  "><i class="fab fa-qq"></i>   3211247533</span></a> 
                                    	<hr/>   
                                        <button type="submit"class="btn btn-info">提交</button>
                                    </form>
                                </div>
                                <div class="col-lg-3 col-xlg-4 m-b-30">
                                    <h4 class="m-b-20">服务内容</h4>
                                    <!-- List style -->
                                    <ul class="list-style-none">
                                        <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 5个工作日免费视频知识点答疑</a></li>
                                        <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 吉林省正崇科技有限责任公司普通发票</a></li>
                                        <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 课堂训练源码+课件</a></li>
                                        <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 更多免费教程资源</a></li>
                                        <li><a href="javascript:void(0)"><i class="fa fa-check text-success"></i> 更优惠的JeeSite4.x 授权价格</JeeS></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                   
                   
                   
                    </li>
                    
                                  <li class="nav-item ">
                      <a class="nav-link waves-effect waves-dark " target="_blank" href="https://blog.51cto.com/jeegit">
                        <span class="d-none d-md-block">新品设计</span>
                    </a>
					</li>     
					
                    <li class="nav-item ">
                      <a class="nav-link waves-effect waves-dark " target="_blank" href="https://www.yizao2025.com">
                        <span class="d-none d-md-block">项目案例</span>
                    </a>
					</li>  					           
                  <!--        -->           <li class="nav-item ">
                      <a class="nav-link waves-effect waves-dark " target="_blank" href="https://kefu.jeegit.com/">
                        <span class="d-none d-md-block">jeegit 企业级低代码平台演示</span>
                    </a>  </li> 
                    
                    <!-- ============================================================== -->
                    <!-- End mega menu -->
                    <!-- ============================================================== -->
                    <!-- ============================================================== -->
                    <!-- create new -->
                    <!-- ============================================================== -->
                  <!--   <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="d-none d-md-block">JeeSite源码下载 <i class="fa fa-angle-down"></i></span>
                            <span class="d-block d-md-none"><i class="fa fa-plus"></i></span>
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                            <a class="dropdown-item" href="https://gitee.com/thinkgem/jeesite" target="_blank">JeeSite1.2.7官方下载地址</a>
                            <a class="dropdown-item" href="https://gitee.com/thinkgem/jeesite4" target="_blank">JeeSite4.x官方下载地址</a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="https://gitee.com/thinkgem/jeesite4-cloud" target="_blank">JeeSite4.x Spring Cloud官方下载地址</a>
                            <a class="dropdown-item" href=" http://www.jeesite.net/vedio/sample/index.html" target="_blank">在线视频保护播放器</a>

                        </div>
                    </li>
                     -->

                    

                    
<!-- <li class="nav-item ">
                      <a class="nav-link waves-effect waves-dark " target="_blank" href="http://bbs.jeegit.com/">
                        <span class="d-none d-md-block">在线论坛</span>
                    </a>  </li>                     <li class="nav-item ">
                      <a class="nav-link waves-effect waves-dark " href="https://www.jeegit.com/me.html">
                        <span class="d-none d-md-block">外包项目</span>
                    </a>  </li> -->	
<!--                      <li class="nav-item ">
                      <a class="nav-link waves-effect waves-dark " href="https://www.jeegit.com/live?id=1072818228425678848">
                        <span class="d-none d-md-block">在线直播</span>
                    </a>  </li> -->
                       <li class="nav-item ">
                      <a class="nav-link waves-effect waves-dark " href="https://www.jeegit.com/plan.html">
                        <span class="d-none d-md-block">教学计划</span>
                    </a>  </li>
                     <!--  <li class="nav-item ">
                      <a class="nav-link waves-effect waves-dark " href="https://www.jeegit.com/me.html">
                        <span class="d-none d-md-block">个人介绍</span>
                    </a>  </li> -->
                    
                      <li class="nav-item ">
                      <a class="nav-link waves-effect waves-dark " href="https://www.jeegit.com/update.html">
                        <span class="d-none d-md-block">JeeGit更新日志</span>
                    </a>  </li>
                    <!-- ============================================================== -->
                    <!-- Search -->
                    <!-- ============================================================== -->
                    <li class="nav-item search-box"> <a class="nav-link waves-effect waves-dark" href="javascript:void(0)"><i class="ti-search"></i></a>
                        <form class="app-search position-absolute"  action="/list.html">
                            <input type="text" name="title" value=" " class="form-control" placeholder="搜索 &amp; 回车"> <a class="srh-btn"><i class="ti-close"></i></a>
                        </form>
                    </li>
                </ul>
                <!-- ============================================================== -->
                <!-- Right side toggle and nav items -->
                <!-- ============================================================== -->
                <ul class="navbar-nav float-right">
                   
                    <!-- ============================================================== -->
                    <!-- End Messages -->
                    <!-- ============================================================== -->
                    <!-- ============================================================== -->
                    <!-- User profile and search -->
                    <!-- ============================================================== -->
					     <li class="nav-item ">
             		  <a href="https://www.jeegit.com/weixinlogin" class="btn btn-linkedin" data-toggle="tooltip" title="weixinlogin" data-original-title="微信登录">  登录 </a>
                   
                   
             		 
             		 <a href="https://www.jeegit.com/login" class="btn btn-pinterest" data-toggle="tooltip" title="weixinlogin" data-original-title="微信登录">  注册 </a>
                   
                   
                   
                    </li>
                    
                    <!-- ============================================================== -->
                    <!-- User profile and search -->
                    <!-- ============================================================== -->
                </ul>
            </div>
        </nav>
    </header>
    <!-- ============================================================== -->
    <!-- End Topbar header -->
    <!-- ============================================================== -->
    <!-- ============================================================== -->
    <!-- Left Sidebar - style you can find in sidebar.scss  -->
    <!-- ============================================================== -->
<!--  v User Profile Sidebar navigation-->    <aside class="left-sidebar">
       
        <div class="scroll-sidebar">
           
            <nav class="sidebar-nav">
                <ul id="sidebarnav">
                   
                    <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu">入门基础 </span></a>
                        <ul aria-expanded="false" class="collapse  first-level">

                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-adjust"></i><span class="hide-menu"> 算法与数据结构 </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-adjust"></i><span class="hide-menu"> 高等数学入门教程 </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-adjust"></i><span class="hide-menu"> Java12基础入门教程</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-adjust"></i><span class="hide-menu"> IntelliJ IDEA 入门教程</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-adjust"></i><span class="hide-menu"> Maven快速入门教程 </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-adjust"></i><span class="hide-menu"> Git快速入门教程  </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-adjust"></i><span class="hide-menu"> Gitlab快速入门教程   </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-adjust"></i><span class="hide-menu"> Nexus快速入门教程 </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-adjust"></i><span class="hide-menu"> Spring-Framework教程 </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-adjust"></i><span class="hide-menu"> Spring Boot快速入门教程 </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-adjust"></i><span class="hide-menu"> Docker快速入门教程  </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-adjust"></i><span class="hide-menu"> Jenkins快速入门教程 </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-adjust"></i><span class="hide-menu"> Nginx快速入门教程 </span></a></li>
                        </ul>
                    </li>
														
                    <li class="sidebar-item"> <a class="sidebar-link two-column has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-inbox-arrow-down"></i><span class="hide-menu">热门教程 </span></a>
                        <ul aria-expanded="false" class="collapse first-level">
                            <li class="sidebar-item"><a target="_blank" href="https://space.bilibili.com/383413957/channel/detail?cid=57394" class="sidebar-link"><i class="mdi mdi-email"></i><span class="hide-menu"> JeeSite1.2.7入门教程 </span></a></li>
                            <li class="sidebar-item"><a  target="_blank" href="https://space.bilibili.com/383413957/channel/detail?cid=57395" class="sidebar-link"><i class="mdi mdi-email-alert"></i><span class="hide-menu">JeeSite4.1.4入门教程 </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-email-secure"></i><span class="hide-menu">小程序开发教程</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-book-multiple"></i><span class="hide-menu"> 微信服务号开发教程 </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-book-plus"></i><span class="hide-menu">  Flowable开发教程 </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-comment-processing-outline"></i><span class="hide-menu">  Gecco网络爬虫教程 </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-bulletin-board"></i><span class="hide-menu">Spring Security教程</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-calendar"></i><span class="hide-menu"> Spring Cloud入门教程 </span></a></li>

                        </ul>
                    </li>

                    <li class="sidebar-item mega-dropdown"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-widgets"></i><span class="hide-menu">全栈工程师</span></a>
                        <ul aria-expanded="false" class="collapse first-level">
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-toggle-switch"></i><span class="hide-menu"> Java12 </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-tablet"></i><span class="hide-menu"> 算法与数据结构</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-sort-variant"></i><span class="hide-menu"> 高等数学</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-image-filter-vintage"></i><span class="hide-menu"> IntelliJ IDEA</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-message-bulleted"></i><span class="hide-menu"> Maven  </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-poll"></i><span class="hide-menu"> Git </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-format-line-spacing"></i><span class="hide-menu"> Gitlab  </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-bootstrap"></i><span class="hide-menu"> Bootstrap Ui</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-equal"></i><span class="hide-menu"> Nexus  </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-file-video"></i><span class="hide-menu"> Spring-Framework</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-view-module"></i><span class="hide-menu"> Spring Boot</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-view-carousel"></i><span class="hide-menu"> Docker  </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-application"></i><span class="hide-menu"> Jenkins </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi-credit-card-scan"></i><span class="hide-menu"> Nginx  </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-apple-safari"></i><span class="hide-menu"> Kubernetes(K8s)  </span></a></li>

                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-layers"></i><span class="hide-menu"> Postman  </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-credit-card-scan"></i><span class="hide-menu">Spring-data</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-weather-fog"></i><span class="hide-menu">Spring Security</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-bandcamp"></i><span class="hide-menu">Spring Cloud</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-layers"></i><span class="hide-menu"> Spring-cloud-dataflow </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-credit-card-scan"></i><span class="hide-menu">Flowable  </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-weather-fog"></i><span class="hide-menu">Node.js</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-bandcamp"></i><span class="hide-menu">Vue</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-poll"></i><span class="hide-menu">Css3</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-comment-processing-outline"></i><span class="hide-menu"> HTML5  </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-calendar"></i><span class="hide-menu"> FastDFS  </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-bulletin-board"></i><span class="hide-menu"> 小程序</span></a></li>
                             <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-clock-end"></i><span class="hide-menu"> 服务号</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-clock-in"></i><span class="hide-menu"> 支付</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-clock-start"></i><span class="hide-menu"> Mongodb</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-camera-burst"></i> <span class="hide-menu">Shiro</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-alert-outline"></i> <span class="hide-menu"> Redis </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-alert-outline"></i><span class="hide-menu"> Mybatis</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-alert-outline"></i><span class="hide-menu"> Rabbitmq</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-chart-pie"></i> <span class="hide-menu">JqGrid</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-alert-outline"></i><span class="hide-menu"> Mail</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-alert-outline"></i><span class="hide-menu">c</span></a></li>
                             <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-chart-bubble"></i><span class="hide-menu"> Kafaka</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-weather-cloudy"></i><span class="hide-menu"> Python基础</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-cart"></i> <span class="hide-menu">SQL</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi mdi-image-broken-variant"></i> <span class="hide-menu"> TiDB</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-flag-triangle"></i><span class="hide-menu"> 区块链</span></a></li>
                                <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-account-star-variant"></i><span class="hide-menu"> Kubernetes</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-vector-triangle"></i><span class="hide-menu"> Istio </span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-vector-rectangle"></i><span class="hide-menu"> ELK(ElasticSearch+Logstash+Kibana)</span></a></li>
                            <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-account-convert"></i><span class="hide-menu"> CoreOS</span></a></li>
                            
                            
                        </ul>
                    </li>

                    <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-collage"></i><span class="hide-menu">作品展示</span></a>
                        <ul aria-expanded="false" class="collapse first-level">
                            <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link"  href="http://demo.jeesite.com/js/a/login" target="_blank" aria-expanded="false"><i class="mdi mdi-cube-send"></i><span class="hide-menu">JeeSite 4.0 演示</span></a></li>
                            <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link" href="http://www.greatmonkey.net/"  target="_blank" aria-expanded="false"><i class="mdi mdi-creation"></i><span class="hide-menu">小猴找房</span></a></li>
                            <li class="sidebar-item"><a href="http://www.jlmaida.com/"  target="_blank" class="sidebar-link"><i class="mdi mdi-select-all"></i><span class="hide-menu"> 迈达医疗小程序</span></a></li>
                            <li class="sidebar-item"><a href="http://www.hnjsky.org/" target="_blank" class="sidebar-link"><i class="mdi mdi-shape-plus"></i><span class="hide-menu">人口与计划生育研究院</span></a></li>
                            <li class="sidebar-item"><a href="http://www.jasnw.gov.cn/f" target="_blank" class="sidebar-link"><i class="mdi mdi-shape-plus"></i><span class="hide-menu">吉安三农网</span></a></li>
                            <li class="sidebar-item"><a href="http://edu.weimia.cn" target="_blank" class="sidebar-link"><i class="mdi mdi-shape-plus"></i><span class="hide-menu">微芒商学院</span></a></li>
                            <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-collage"></i><span class="hide-menu">JeeSite衍生作品</span></a>
                                <ul aria-expanded="false" class="collapse second-level">
                                    <li class="sidebar-item"><a href="http://www.jeeplus.org/blog/case/page/1" target="_blank" class="sidebar-link"><i class="mdi mdi-priority-low"></i><span class="hide-menu"> JeePlus</span></a></li>
                                    <li class="sidebar-item"><a href="https://gitee.com/baseweb/JSite" target="_blank" class="sidebar-link"><i class="mdi mdi-rounded-corner"></i><span class="hide-menu"> Jsite</span></a></li>
                                    <li class="sidebar-item"><a href="http://www.openjad.com:8080/f?contextPath=&frontPath=%2Ff&urlSuffix=.html" target="_blank" class="sidebar-link"><i class="mdi mdi-rounded-corner"></i><span class="hide-menu"> JAD框架</span></a></li>


                                </ul>
                            </li>


                        </ul>
                    </li>

                    <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-border-none"></i><span class="hide-menu">培训服务</span></a>
                        <ul aria-expanded="false" class="collapse first-level">
                            <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-border-none"></i><span class="hide-menu">一对一辅导</span></a>
                                <ul aria-expanded="false" class="collapse second-level">
                                    <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-border-all"></i><span class="hide-menu">毕业设计辅导 </span></a></li>
                                    <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-border-left"></i><span class="hide-menu">试用期技能+情商辅导</span></a></li>
                                    <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-border-outside"></i><span class="hide-menu">中小企业项目实战辅导</span></a></li>
                                    <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-border-bottom"></i><span class="hide-menu">100万+微服务项目辅导</span></a></li>
                                </ul>
                            </li>
                            <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-border-inside"></i><span class="hide-menu">企业培训</span></a>
                                <ul aria-expanded="false" class="collapse second-level">
                                    <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-border-vertical"></i><span class="hide-menu">5个工作日入门辅导</span></a></li>
                                    <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-blur-linear"></i><span class="hide-menu"> 10个工作日实战辅导</span></a></li>
                                    <li class="sidebar-item"><a href="#" class="sidebar-link"><i class="mdi mdi-border-style"></i><span class="hide-menu"> 15日云计算微服务辅导</span></a></li>
                                </ul>
                            </li>
                            <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link" href="#" aria-expanded="false"><i class="mdi mdi-border-top"></i><span class="hide-menu">互联网创业公司培训</span></a></li>

                        </ul>
                    </li>

                    <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark sidebar-link" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-image-filter-tilt-shift"></i><span class="hide-menu"> 免费教程</span></a>
                        <ul aria-expanded="false" class="collapse first-level">
                            <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-chemical-weapon"></i><span class="hide-menu">JeeSite1.2.7免费教程</span></a>
                                <ul aria-expanded="false" class="collapse second-level">
                                    <li class="sidebar-item"><a href="https://space.bilibili.com/383413957/channel/detail?cid=57395"  target="_blank"  class="sidebar-link"><i class="mdi mdi-arrange-bring-to-front"></i> <span class="hide-menu">JeeSite1.2.7入门教程</span></a></li>
                                    <li class="sidebar-item"><a href="https://space.bilibili.com/383413957/channel/detail?cid=57395" target="_blank"  class="sidebar-link"><i class="mdi mdi-arrange-send-to-back"></i> <span class="hide-menu">JeeSite1.2.7网站开发教程</span></a></li>

                                </ul>
                            </li>
                            <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-chart-areaspline"></i><span class="hide-menu">JeeSite4.x免费教程</span></a>
                                <ul aria-expanded="false" class="collapse second-level">
        <li class="sidebar-item"><a href="https://www.bilibili.com/video/av79113166"  target="_blank"  class="sidebar-link"><i class="mdi mdi-chart-line"></i> <span class="hide-menu">[2020年]JeeSite4.x入门教程</span></a></li>
                                    <li class="sidebar-item"><a href="https://space.bilibili.com/383413957/channel/detail?cid=57395"  target="_blank"  class="sidebar-link"><i class="mdi mdi-chart-line"></i> <span class="hide-menu">[2019年]JeeSite4.x入门教程</span></a></li>
                                </ul>
                            </li>



                            <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link" href="https://space.bilibili.com/383413957/channel/detail?cid=57397" target="_blank" aria-expanded="false"><i class="mdi mdi-image-filter-tilt-shift"></i><span class="hide-menu">Swagger快速入门教程</span></a></li>

                            <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link"  href="https://www.bilibili.com/video/av35414350" target="_blank"  aria-expanded="false"><i class="mdi mdi-svg"></i><span class="hide-menu">魁拔四-最后的魁拔</span></a></li>
                            <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link"  href="https://space.bilibili.com/61069692/channel/detail?cid=67684" target="_blank"  aria-expanded="false"><i class="mdi mdi-chart-histogram"></i><span class="hide-menu">服务域名购买教程</span></a></li>


                            <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link"  href="https://space.bilibili.com/383413957/channel/detail?cid=57424" target="_blank"  aria-expanded="false"><i class="mdi mdi-blur"></i><span class="hide-menu">最强大脑快速入门教程</span></a></li>


                        </ul>
                    </li>

                    <li class="sidebar-item mega-dropdown"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-file"></i><span class="hide-menu">在线工具 </span></a>
                        <ul aria-expanded="false" class="collapse first-level">
                            <li class="sidebar-item"><a target="_blank" href="http://www.chinaooc.cn/front/index.htm" class="sidebar-link"><i class="mdi mdi-account-key"></i><span class="hide-menu"> 国家精品公开课 </span></a></li>
                            <li class="sidebar-item"><a target="_blank"  href="https://github.com/EbookFoundation/free-programming-books" class="sidebar-link"><i class="mdi mdi-crop-free"></i> <span class="hide-menu">免费计算机书籍</span></a></li>
                            <li class="sidebar-item"><a target="_blank" href="https://github.com/justjavac/free-programming-books-zh_CN" class="sidebar-link"><i class="mdi mdi-debug-step-over"></i> <span class="hide-menu">免费中文编程书籍</span></a></li>
                           
                            <li class="sidebar-item"><a target="_blank" href="https://www.bejson.com/jsoneditoronline" class="sidebar-link"><i class="mdi mdi-search-web"></i> <span class="hide-menu">JSON 编辑器</span></a></li>
                            <li class="sidebar-item"><a target="_blank" href="https://tableconvert.com/" class="sidebar-link"><i class="mdi mdi-account-key"></i><span class="hide-menu"> MD 表格生成 </span></a></li>
                            <li class="sidebar-item"><a target="_blank" href="http://cron.qqe2.com/" class="sidebar-link"><i class="mdi mdi-camera-iris"></i> <span class="hide-menu">CRON 表达式</span></a></li>
                            <li class="sidebar-item"><a target="_blank" href="http://tool.oschina.net/codeformat/html" class="sidebar-link"><i class="mdi mdi-file-tree"></i> <span class="hide-menu"> 代码格式化</span></a></li>
                            <li class="sidebar-item"><a target="_blank" href="https://zh.numberempire.com/latexequationeditor.php" class="sidebar-link"><i class="mdi mdi-codepen"></i> <span class="hide-menu"> 公式编辑器</span></a></li>
                            <li class="sidebar-item"><a href="http://tool.chinaz.com/tools/native_ascii.aspx" class="sidebar-link"><i class="mdi mdi-account-plus"></i><span class="hide-menu"> 在线编码转换</span></a></li>
                            <li class="sidebar-item"><a href="https://www.youtube.com/audiolibrary/music" class="sidebar-link"><i class="mdi mdi-timer-off"></i> <span class="hide-menu">音乐版权</span></a></li>
                            <li class="sidebar-item"><a href="https://trends.google.com/trends/?geo=US" class="sidebar-link"><i class="mdi mdi-timer-sand-empty"></i> <span class="hide-menu">谷歌趋势</span></a></li>
                            <li class="sidebar-item"><a href="https://www.toyaml.com/index.html" class="sidebar-link"><i class="mdi mdi-tune"></i> <span class="hide-menu">YAML &lt;-&gt; Properties</span></a></li>
                            <li class="sidebar-item"><a href="https://tongji.baidu.com/data/browser" class="sidebar-link"><i class="mdi mdi-account-plus"></i><span class="hide-menu"> 百度流量研究院</span></a></li>
                            <li class="sidebar-item"><a href="http://index.baidu.com/v2/index.html#/" class="sidebar-link"><i class="mdi mdi-camera-iris"></i> <span class="hide-menu">百度指数</span></a></li>
                            <li class="sidebar-item"><a href="https://www.bootcdn.cn/" class="sidebar-link"><i class="mdi mdi-account-box"></i> <span class="hide-menu"> Boot CDN </span></a></li>
                            <li class="sidebar-item"><a href="https://qydev.weixin.qq.com/cdn/cdnjs.html" class="sidebar-link"><i class="mdi mdi-account-network"></i><span class="hide-menu"> 微信CDN</span></a></li>
                            <li class="sidebar-item"><a href="https://wenku.baidu.com/activity/browse/hudun?ch=hudunsubject" class="sidebar-link"><i class="mdi mdi-account-off"></i><span class="hide-menu">文档转换工具</span></a></li>
                          
                            
                              
                            <li class="sidebar-item"><a href="ui-user-contacts.html" class="sidebar-link"><i class="mdi mdi-account-star-variant"></i><span class="hide-menu"> User Contact</span></a></li>
                            <li class="sidebar-item"><a href="pages-invoice.html" class="sidebar-link"><i class="mdi mdi-vector-triangle"></i><span class="hide-menu"> Invoice Layout </span></a></li>
                            <li class="sidebar-item"><a href="pages-invoice-list.html" class="sidebar-link"><i class="mdi mdi-vector-rectangle"></i><span class="hide-menu"> Invoice List</span></a></li>
                            <li class="sidebar-item"><a href="authentication-recover-password.html" class="sidebar-link"><i class="mdi mdi-account-convert"></i><span class="hide-menu"> Recover password</span></a></li>
                            <li class="sidebar-item"><a href="map-google.html" class="sidebar-link"><i class="mdi mdi-google-maps"></i><span class="hide-menu"> Google Map </span></a></li>
                            <li class="sidebar-item"><a href="map-vector.html" class="sidebar-link"><i class="mdi mdi-map-marker-radius"></i><span class="hide-menu"> Vector Map</span></a></li>
                            <li class="sidebar-item"><a href="icon-material.html" class="sidebar-link"><i class="mdi mdi-emoticon"></i> <span class="hide-menu"> Material Icons </span></a></li>
                            <li class="sidebar-item"><a href="eco-products.html" class="sidebar-link"><i class="mdi mdi-cards-variant"></i> <span class="hide-menu">Eco - Products</span></a></li>
                            <li class="sidebar-item"><a href="icon-fontawesome.html" class="sidebar-link"><i class="mdi mdi-emoticon-cool"></i><span class="hide-menu"> Fontawesome Icons</span></a></li>
                            <li class="sidebar-item"><a href="icon-themify.html" class="sidebar-link"><i class="mdi mdi-chart-bubble"></i><span class="hide-menu"> Themify Icons</span></a></li>
                            <li class="sidebar-item"><a href="icon-weather.html" class="sidebar-link"><i class="mdi mdi-weather-cloudy"></i><span class="hide-menu"> Weather Icons</span></a></li>
                            <li class="sidebar-item"><a href="eco-products-cart.html" class="sidebar-link"><i class="mdi mdi-cart"></i> <span class="hide-menu">Eco- Products Cart</span></a></li>
                            <li class="sidebar-item"><a href="icon-simple-lineicon.html" class="sidebar-link"><i class="mdi mdi mdi-image-broken-variant"></i> <span class="hide-menu"> Simple Line icons</span></a></li>
                            <li class="sidebar-item"><a href="icon-flag.html" class="sidebar-link"><i class="mdi mdi-flag-triangle"></i><span class="hide-menu"> Flag Icons</span></a></li>
                            <li class="sidebar-item"><a href="timeline-center.html" class="sidebar-link"><i class="mdi mdi-clock-fast"></i> <span class="hide-menu"> Center Timeline </span></a></li>
                            <li class="sidebar-item"><a href="eco-products-edit.html" class="sidebar-link"><i class="mdi mdi-cart-plus"></i> <span class="hide-menu">Eco- Products Edit</span></a></li>
                            <li class="sidebar-item"><a href="timeline-horizontal.html" class="sidebar-link"><i class="mdi mdi-clock-end"></i><span class="hide-menu"> Horizontal Timeline</span></a></li>
                            <li class="sidebar-item"><a href="timeline-left.html" class="sidebar-link"><i class="mdi mdi-clock-in"></i><span class="hide-menu"> Left Timeline</span></a></li>
                            <li class="sidebar-item"><a href="timeline-right.html" class="sidebar-link"><i class="mdi mdi-clock-start"></i><span class="hide-menu"> Right Timeline</span></a></li>
                            <li class="sidebar-item"><a href="eco-products-detail.html" class="sidebar-link"><i class="mdi mdi-camera-burst"></i> <span class="hide-menu">Eco- Product Details</span></a></li>
                            <li class="sidebar-item"><a href="error-400.html" class="sidebar-link"><i class="mdi mdi-alert-outline"></i> <span class="hide-menu"> Error 400 </span></a></li>
                            <li class="sidebar-item"><a href="error-403.html" class="sidebar-link"><i class="mdi mdi-alert-outline"></i><span class="hide-menu"> Error 403</span></a></li>
                            <li class="sidebar-item"><a href="error-404.html" class="sidebar-link"><i class="mdi mdi-alert-outline"></i><span class="hide-menu"> Error 404</span></a></li>
                            <li class="sidebar-item"><a href="eco-products-orders.html" class="sidebar-link"><i class="mdi mdi-chart-pie"></i> <span class="hide-menu">Eco- Product Orders</span></a></li>
                            <li class="sidebar-item"><a href="error-500.html" class="sidebar-link"><i class="mdi mdi-alert-outline"></i><span class="hide-menu"> Error 500</span></a></li>
                            <li class="sidebar-item"><a href="error-503.html" class="sidebar-link"><i class="mdi mdi-alert-outline"></i><span class="hide-menu"> Error 503</span></a></li>
                            <li class="sidebar-item"><a href="eco-products-checkout.html" class="sidebar-link"><i class="mdi mdi-clipboard-check"></i> <span class="hide-menu">Eco- Products Checkout</span></a></li>
                        </ul>
                    </li>
                    <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-notification-clear-all"></i><span class="hide-menu">知识库</span></a>
                        <ul aria-expanded="false" class="collapse first-level">
                            <li class="sidebar-item"><a href="https://jeesite.gitee.io/docs/" target="_blank" class="sidebar-link"><i class="mdi mdi-octagram"></i><span class="hide-menu"> JeeSite官方文档 </span></a></li>
                            <li class="sidebar-item"><a href="http://www.jeesite.net/" target="_blank" class="sidebar-link"><i class="mdi mdi-playlist-plus"></i><span class="hide-menu">JeeSite官方论坛</span></a></li>
                            <li class="sidebar-item"><a href="https://my.oschina.net/thinkgem" target="_blank" class="sidebar-link"><i class="mdi mdi-playlist-check"></i><span class="hide-menu">JeeSite官方博客</span></a></li>

                        </ul>
                    </li>
                </ul>
            </nav>
          
        </div>
    </aside>
    <!-- ============================================================== -->
    <!-- End Left Sidebar - style you can find in sidebar.scss  -->
    <!-- ============================================================== -->

  











    <!-- ============================================================== -->
    <!-- Page wrapper  -->
    <!-- ============================================================== -->
    <div class="page-wrapper">


        <div class="page-breadcrumb">
            <div class="row">
                <div class="col-5 align-self-center">
                    <h4 class="page-title">JeeGit学院</h4>
                    <div class="d-flex align-items-center">
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="https://www.jeegit.com/">首页</a></li>
                                <li class="breadcrumb-item active" aria-current="page">课程列表</li>
                            </ol>
                        </nav>
                    </div>
                </div>
                <div class="col-7 align-self-center">
                    <div class="d-flex no-block justify-content-end align-items-center">
                        <div class="m-r-10">
                            <div class="lastmonth"></div>
                        </div>
                        <div class="">
                            <small>累计学习</small>
                            <h4 class="text-info m-b-0 font-medium">1044人</h4></div>
                    </div>
                </div>
            </div>
        </div>



<form id="searchForm" action="//list.html" method="post" class="container-fluid " data-page-no="" data-page-size="" data-order-by="">

			
        <div class="bg-light d-flex align-items-center do-block"><span class=" m-r-15 m-t-15 m-b-15">课程类型</span>
            <ul class="nav nav-pills m-t-15 m-b-15">
                <li class="nav-item"> <a  class="nav-link active btn  waves-light  active" onclick="binSearch(this)" data-toggle="tab" >全部</a> </li>
                <li class="nav-item"> <a  class="nav-link btn waves-effect waves-light" onclick="binSearch(this)" data-toggle="tab" >前端</a> </li>
                <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)" data-toggle="tab" >后台</a> </li>
                <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)" data-toggle="tab" >测试</a> </li>
                <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)" data-toggle="tab" >部署/运维</a> </li>
                <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)" data-toggle="tab" >数据库</a> </li>
                <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)" data-toggle="tab" >开源框架</a> </li>
            </ul>

        </div>
            <div class="bg-light d-flex align-items-center do-block"><span class=" m-r-15 m-t-15 m-b-15">会员类型</span>
                <ul class="nav nav-pills  m-t-15 m-b-15">
                    <li class=" nav-item"> <a  class="nav-link active btn  waves-light  active" onclick="binSearch(this)"  data-toggle="tab" >全部</a> </li>
                    <li class="nav-item"> <a  class="nav-link btn waves-effect waves-light" onclick="binSearch(this)"  data-toggle="tab" >免费</a> </li>
                    <li class="nav-item"> <a class="nav-link btn waves-effect waves-light "  onclick="binSearch(this)"  data-toggle="tab" >普通会员</a> </li>
                    <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)"  data-toggle="tab" >银牌会员</a> </li>
                    <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)"  data-toggle="tab" >金牌会员</a> </li>
                    <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)"  data-toggle="tab" >付费</a> </li>

                </ul>
            </div>
            <div class="bg-light d-flex align-items-center do-block"><span class=" m-r-15 m-t-15 m-b-15">排序类型</span>
                <ul class="nav nav-pills  m-t-15 m-b-15">
                    <li class=" nav-item"> <a  class="nav-link active btn  waves-light  active"  onclick="binSearch(this)"  data-toggle="tab" >默认</a> </li>
                    <li class="nav-item"> <a  class="nav-link btn waves-effect waves-light"  onclick="binSearch(this)"  data-toggle="tab" >最新</a> </li>
                    <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)"  data-toggle="tab" >学习人数</a> </li>
                    <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)"  data-toggle="tab" >播放次数</a> </li>
                    <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)"  data-toggle="tab" >综合</a> </li>
                    <li class="nav-item"> <a class="nav-link btn waves-effect waves-light " onclick="binSearch(this)"  data-toggle="tab" >好评</a> </li>

                </ul>
            </div>
 

</form>






        <!-- ============================================================== -->
        <!-- Bread crumb and right sidebar toggle -->
        <!-- ============================================================== -->

        <!-- ============================================================== -->
        <!-- End Bread crumb and right sidebar toggle -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Container fluid  -->
        <!-- ============================================================== -->
        <div class="container-fluid " style="min-height:450px;">
            <div class="row el-element-overlay">
            
            
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"><img src="/userfiles/fileupload/202204/022.png"
                                                                          alt="user"/>
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a
                                                class="btn default btn-outline image-popup-vertical-fit el-link"
                                                href="/userfiles/fileupload/202204/022.png"><i
                                                class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" href="view.html?id=1527179002220679168"><i class="icon-link"></i></a>
                                        </li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" href="buy.html?id=1527179002220679168"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <h5 class="m-b-0">JeeSite 5 Vue 快速入门教程[已完结]</h5>
                                    <br/>
                                    <span class="text-muted">65人学习</span>
                                    <span class="text-primary m-r-15" style="float: right">￥199.0</span>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                
            
            
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"><img src="/userfiles/fileupload/202112/1466972088641028098.png"
                                                                          alt="user"/>
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a
                                                class="btn default btn-outline image-popup-vertical-fit el-link"
                                                href="/userfiles/fileupload/202112/1466972088641028098.png"><i
                                                class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" href="view.html?id=1392842189264470016"><i class="icon-link"></i></a>
                                        </li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" href="buy.html?id=1392842189264470016"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <h5 class="m-b-0">[第六版]2022年 JeeSite4 快速入门教程【送vue】</h5>
                                    <br/>
                                    <span class="text-muted">34人学习</span>
                                    <span class="text-primary m-r-15" style="float: right">￥550.0</span>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                
            
            
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"><img src="/userfiles/fileupload/202108/1422887656329134082.jpg"
                                                                          alt="user"/>
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a
                                                class="btn default btn-outline image-popup-vertical-fit el-link"
                                                href="/userfiles/fileupload/202108/1422887656329134082.jpg"><i
                                                class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" href="view.html?id=1422886775676289024"><i class="icon-link"></i></a>
                                        </li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" href="buy.html?id=1422886775676289024"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <h5 class="m-b-0">2021年[第三版]《智商认知与提升》[免费公益]</h5>
                                    <br/>
                                    <span class="text-muted">0人学习</span>
                                    <span class="text-primary m-r-15" style="float: right">￥0.0</span>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                
            
            
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"><img src="/userfiles/fileupload/202002/1230327099403280386.jpg"
                                                                          alt="user"/>
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a
                                                class="btn default btn-outline image-popup-vertical-fit el-link"
                                                href="/userfiles/fileupload/202002/1230327099403280386.jpg"><i
                                                class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" href="view.html?id=1136312838780637184"><i class="icon-link"></i></a>
                                        </li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" href="buy.html?id=1136312838780637184"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <h5 class="m-b-0">2020年 《JeeSite4 教程 287集 近千个知识点 》</h5>
                                    <br/>
                                    <span class="text-muted">150人学习</span>
                                    <span class="text-primary m-r-15" style="float: right">￥199.0</span>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                
            
            
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"><img src="/userfiles/fileupload/202006/1277428295902330882.png"
                                                                          alt="user"/>
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a
                                                class="btn default btn-outline image-popup-vertical-fit el-link"
                                                href="/userfiles/fileupload/202006/1277428295902330882.png"><i
                                                class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" href="view.html?id=1277428303766650880"><i class="icon-link"></i></a>
                                        </li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" href="buy.html?id=1277428303766650880"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <h5 class="m-b-0">2020年 JeeSite4 微信平台集成实战</h5>
                                    <br/>
                                    <span class="text-muted">23人学习</span>
                                    <span class="text-primary m-r-15" style="float: right">￥199.0</span>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                
            
            
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"><img src="/userfiles/fileupload/202003/1240636358784913410.png"
                                                                          alt="user"/>
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a
                                                class="btn default btn-outline image-popup-vertical-fit el-link"
                                                href="/userfiles/fileupload/202003/1240636358784913410.png"><i
                                                class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" href="view.html?id=1240636403630411776"><i class="icon-link"></i></a>
                                        </li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" href="buy.html?id=1240636403630411776"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <h5 class="m-b-0">JeeSite4 移动端APP 开发视频教程（Android+IOS+VUE通用）</h5>
                                    <br/>
                                    <span class="text-muted">136人学习</span>
                                    <span class="text-primary m-r-15" style="float: right">￥199.0</span>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                
            
            
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"><img src="/userfiles/fileupload/202003/1237965983924830210.png"
                                                                          alt="user"/>
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a
                                                class="btn default btn-outline image-popup-vertical-fit el-link"
                                                href="/userfiles/fileupload/202003/1237965983924830210.png"><i
                                                class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" href="view.html?id=1237965990992232448"><i class="icon-link"></i></a>
                                        </li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" href="buy.html?id=1237965990992232448"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <h5 class="m-b-0">JeeSite4 Flowable入门教程</h5>
                                    <br/>
                                    <span class="text-muted">122人学习</span>
                                    <span class="text-primary m-r-15" style="float: right">￥199.0</span>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                
            
            
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"><img src="/userfiles/fileupload/201904/1122386203723132930.png"
                                                                          alt="user"/>
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a
                                                class="btn default btn-outline image-popup-vertical-fit el-link"
                                                href="/userfiles/fileupload/201904/1122386203723132930.png"><i
                                                class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" href="view.html?id=1122359827817263104"><i class="icon-link"></i></a>
                                        </li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" href="buy.html?id=1122359827817263104"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <h5 class="m-b-0">JeeSite 1.2.7 入门基础教程</h5>
                                    <br/>
                                    <span class="text-muted">1089人学习</span>
                                    <span class="text-primary m-r-15" style="float: right">￥99.0</span>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                
            
            
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"><img src="/userfiles/fileupload/201906/1136456909041979394.png"
                                                                          alt="user"/>
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a
                                                class="btn default btn-outline image-popup-vertical-fit el-link"
                                                href="/userfiles/fileupload/201906/1136456909041979394.png"><i
                                                class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" href="view.html?id=1136308249599692800"><i class="icon-link"></i></a>
                                        </li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" href="buy.html?id=1136308249599692800"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <h5 class="m-b-0">[2017年1月]最强大脑记忆力教程[免费公益]</h5>
                                    <br/>
                                    <span class="text-muted">0人学习</span>
                                    <span class="text-primary m-r-15" style="float: right">￥0.0</span>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                
            
            
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"><img src="/userfiles/fileupload/202002/1232103795451170818.png"
                                                                          alt="user"/>
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a
                                                class="btn default btn-outline image-popup-vertical-fit el-link"
                                                href="/userfiles/fileupload/202002/1232103795451170818.png"><i
                                                class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" href="view.html?id=1230129328746405888"><i class="icon-link"></i></a>
                                        </li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" href="buy.html?id=1230129328746405888"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <h5 class="m-b-0">[2020]JeeSite4 基础教程</h5>
                                    <br/>
                                    <span class="text-muted">266人学习</span>
                                    <span class="text-primary m-r-15" style="float: right">￥199.0</span>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                
            
            
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"><img src="/userfiles/fileupload/201905/1124917382245105666.png"
                                                                          alt="user"/>
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a
                                                class="btn default btn-outline image-popup-vertical-fit el-link"
                                                href="/userfiles/fileupload/201905/1124917382245105666.png"><i
                                                class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" href="view.html?id=1122864109855408128"><i class="icon-link"></i></a>
                                        </li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" href="buy.html?id=1122864109855408128"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <h5 class="m-b-0">2020年 JeeSite4 快速入门实战教程（含微信全生态集成后台源码）</h5>
                                    <br/>
                                    <span class="text-muted">1人学习</span>
                                    <span class="text-primary m-r-15" style="float: right">￥499.0</span>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                
            
            
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"><img src="/userfiles/fileupload/201906/1136309445815193602.png"
                                                                          alt="user"/>
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a
                                                class="btn default btn-outline image-popup-vertical-fit el-link"
                                                href="/userfiles/fileupload/201906/1136309445815193602.png"><i
                                                class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" href="view.html?id=1136309451288760320"><i class="icon-link"></i></a>
                                        </li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" href="buy.html?id=1136309451288760320"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <h5 class="m-b-0">JeeSite4.x多租户理论+实战教程</h5>
                                    <br/>
                                    <span class="text-muted">5人学习</span>
                                    <span class="text-primary m-r-15" style="float: right">￥99.0</span>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                
            
            
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"><img src="/userfiles/fileupload/201905/1132649071861575682.png"
                                                                          alt="user"/>
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a
                                                class="btn default btn-outline image-popup-vertical-fit el-link"
                                                href="/userfiles/fileupload/201905/1132649071861575682.png"><i
                                                class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" href="view.html?id=1122323666683863040"><i class="icon-link"></i></a>
                                        </li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" href="buy.html?id=1122323666683863040"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <h5 class="m-b-0">JeeSite4.x数据权限教程</h5>
                                    <br/>
                                    <span class="text-muted">19人学习</span>
                                    <span class="text-primary m-r-15" style="float: right">￥99.0</span>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                
            
            
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"><img src="/userfiles/fileupload/201906/1136520208978825218.png"
                                                                          alt="user"/>
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a
                                                class="btn default btn-outline image-popup-vertical-fit el-link"
                                                href="/userfiles/fileupload/201906/1136520208978825218.png"><i
                                                class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" href="view.html?id=1136311891778097152"><i class="icon-link"></i></a>
                                        </li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" href="buy.html?id=1136311891778097152"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <h5 class="m-b-0">JeeSite4.x 基础教程（付费用户赠送19年全部课程）</h5>
                                    <br/>
                                    <span class="text-muted">12人学习</span>
                                    <span class="text-primary m-r-15" style="float: right">￥199.0</span>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                
            
            
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"><img src="/userfiles/fileupload/201906/1136309044181225474.png"
                                                                          alt="user"/>
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a
                                                class="btn default btn-outline image-popup-vertical-fit el-link"
                                                href="/userfiles/fileupload/201906/1136309044181225474.png"><i
                                                class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" href="view.html?id=1136312336969912320"><i class="icon-link"></i></a>
                                        </li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" href="buy.html?id=1136312336969912320"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <h5 class="m-b-0">JeeSite4.x Spring Cloud入门教程</h5>
                                    <br/>
                                    <span class="text-muted">5人学习</span>
                                    <span class="text-primary m-r-15" style="float: right">￥99.0</span>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                
            
            
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"><img src="/userfiles/fileupload/201905/1124920959692816386.png"
                                                                          alt="user"/>
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a
                                                class="btn default btn-outline image-popup-vertical-fit el-link"
                                                href="/userfiles/fileupload/201905/1124920959692816386.png"><i
                                                class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" href="view.html?id=1123386051933401088"><i class="icon-link"></i></a>
                                        </li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" href="buy.html?id=1123386051933401088"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <h5 class="m-b-0">[2019年]JeeSite4.x 支付宝支付集成</h5>
                                    <br/>
                                    <span class="text-muted">0人学习</span>
                                    <span class="text-primary m-r-15" style="float: right">￥99.0</span>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                
            
            
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"><img src="/userfiles/fileupload/201906/1136528295227838466.png"
                                                                          alt="user"/>
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a
                                                class="btn default btn-outline image-popup-vertical-fit el-link"
                                                href="/userfiles/fileupload/201906/1136528295227838466.png"><i
                                                class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" href="view.html?id=1136307812708405248"><i class="icon-link"></i></a>
                                        </li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" href="buy.html?id=1136307812708405248"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <h5 class="m-b-0">[2019年]Swagger视频教程</h5>
                                    <br/>
                                    <span class="text-muted">256人学习</span>
                                    <span class="text-primary m-r-15" style="float: right">￥99.0</span>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                
            
            
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"><img src="/userfiles/fileupload/201906/1136309044181225474.png"
                                                                          alt="user"/>
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a
                                                class="btn default btn-outline image-popup-vertical-fit el-link"
                                                href="/userfiles/fileupload/201906/1136309044181225474.png"><i
                                                class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" href="view.html?id=1136307215435321344"><i class="icon-link"></i></a>
                                        </li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" href="buy.html?id=1136307215435321344"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <h5 class="m-b-0">[2019年]万能微信分享抽奖系统【不惧任何平台限制】</h5>
                                    <br/>
                                    <span class="text-muted">0人学习</span>
                                    <span class="text-primary m-r-15" style="float: right">￥0.0</span>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                
            
            
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="el-card-item">
                            <div class="el-card-avatar el-overlay-1"><img src="/userfiles/fileupload/201906/1136309445815193602.png"
                                                                          alt="user"/>
                                <div class="el-overlay">
                                    <ul class="list-style-none el-info">
                                        <li class="el-item"><a
                                                class="btn default btn-outline image-popup-vertical-fit el-link"
                                                href="/userfiles/fileupload/201906/1136309445815193602.png"><i
                                                class="icon-magnifier"></i></a></li>
                                        <li class="el-item"><a class="btn default btn-outline el-link" href="view.html?id=1136308945220816896"><i class="icon-link"></i></a>
                                        </li>
                                         <li class="el-item"><a class="btn default btn-outline el-link" href="buy.html?id=1136308945220816896"><i class="ti-shopping-cart"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="d-flex no-block align-items-center">
                                <div class="m-l-15" style="width: 100%">
                                    <h5 class="m-b-0">[2019年]SEO神器-多城市建站系统 秒级收录 海量收录 霸屏优化</h5>
                                    <br/>
                                    <span class="text-muted">0人学习</span>
                                    <span class="text-primary m-r-15" style="float: right">￥999.0</span>

                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                
         

            </div>






            <div class="row ">
                <div class="col-sm-12 col-md-5">

                        <span class="text-primary"><a href="#">当前第1页/1页,总共19条结果,<span>   每页20条  </span> </a></span>

                </div>
                <div class="col-sm-12 col-md-7 d-flex no-block justify-content-end align-items-center">
                    <nav aria-label="Page navigation example">
                        <ul class="pagination">
                            <li class="page-item"><a class="page-link" onclick="jeegitPage('1')">首页</a></li>
                            <li class="page-item"><a class="page-link"  onclick="jeegitPage('0')">上一页</a></li>
<li class='page-item active'><a class='page-link'  onclick="jeegitPage('1')">1</a></li>                            <li class="page-item"><a class="page-link"  onclick="jeegitPage('2')">下一页</a></li>
                            <li class="page-item"><a class="page-link"  onclick="jeegitPage('1')">尾页</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- End Container fluid  -->

        <!-- ============================================================== -->
        <!-- ============================================================== -->


        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- footer -->
        <!-- ============================================================== -->
                




   <!-- footer -->
        <!-- ============================================================== -->
                <footer class="footer text-center">
        <span class="text-primary" > 网站备案号 ( <a href="https://beian.miit.gov.cn/" target="_blank">吉ICP备19001578号-2</a> )</span>
        <span class="text-primary" > 增值电信业务经营许可证 ( <a href="http://www.miit.gov.cn/" target="_blank">吉B2-20200006</a> )</span>

       <hr/>
        <span class="text-muted">All Rights Reserved Designed and Developed  by <a href="http://www.jeegit.com">吉林省正崇科技有限责任公司</a>.</span>
        <span class="text-primary" >Developed by JeeSite 4.18 and Xtreme-admin Bootstrap 4.0</span>
       
        </footer>   
        <!-- ============================================================== -->
        <!-- End footer -->

<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?2e6c109ca8d55da9ecece36b1f4c9d90";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
        <!-- ============================================================== -->
        <!-- End footer -->
        <!-- ============================================================== -->
    </div>
    <!-- ============================================================== -->
    <!-- End Page wrapper  -->
    <!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Wrapper -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- customizer Panel -->
<!-- ============================================================== -->

<!-- ============================================================== -->
<!-- All Jquery -->
<!-- ============================================================== -->
<script src="/xtreme-admin/assets/libs/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap tether Core JavaScript -->
<script src="/xtreme-admin/assets/libs/popper.js/dist/umd/popper.min.js"></script>
<script src="/xtreme-admin/assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- apps -->
<script src="/xtreme-admin/dist/js/app.min.js"></script>
<script src="/xtreme-admin/dist/js/app.init.horizontal.js"></script>
<script src="/xtreme-admin/dist/js/app-style-switcher.horizontal.js"></script>
<!-- slimscrollbar scrollbar JavaScript -->
<script src="/xtreme-admin/assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js"></script>
<script src="/xtreme-admin/assets/extra-libs/sparkline/sparkline.js"></script>
<!--Wave Effects -->
<script src="/xtreme-admin/dist/js/waves.js"></script>
<!--Menu sidebar -->
<script src="/xtreme-admin/dist/js/sidebarmenu.js"></script>
<!--Custom JavaScript -->
<script src="/xtreme-admin/dist/js/custom.min.js"></script>
<!--This page JavaScript -->

<!--c3 charts -->
<script src="/xtreme-admin/assets/extra-libs/c3/d3.min.js"></script>
<script src="/xtreme-admin/assets/extra-libs/c3/c3.min.js"></script>
<link href="/xtreme-admin/assets/libs/magnific-popup/dist/magnific-popup.css" rel="stylesheet">
<script src="/xtreme-admin/assets/libs/magnific-popup/dist/jquery.magnific-popup.min.js"></script>
<script src="/xtreme-admin/assets/libs/magnific-popup/meg.init.js"></script>
<link
	href="/xtreme-admin/assets/libs/toastr/build/toastr.min.css"
	rel="stylesheet">
<script
	src="/xtreme-admin/assets/libs/toastr/build/toastr.min.js"></script>
<!--Custom JavaScript -->


<script
	src="/xtreme-admin/assets/extra-libs/jqbootstrapvalidation/validation.js"></script>
<script type="text/javascript">

	function payOrder(orderSn)
	{
	        window.location="pay?id="+orderSn+"&userInvoiceAddress="+$('#userInvoiceAddress').val()+"&userCouponsCode="+$('#userCouponsCode').val();
	}
    function binSearch(obj){
        toastr.options = {
            "closeButton": false,
            "debug": false,
            "newestOnTop": false,
            "progressBar": false,
            "rtl": false,
            "positionClass": "toast-bottom-right",
            "preventDuplicates": false,
            "onclick": null,
            "showDuration": 300,
            "hideDuration": 1000,
            "timeOut": 5000,
            "extendedTimeOut": 1000,
            "showEasing": "swing",
            "hideEasing": "linear",
            "showMethod": "fadeIn",
            "hideMethod": "fadeOut"};
        toastr["success"]("您点击了按钮:"+obj.innerText, "温馨提示");
    }
    function jeegitPage(pageNo){
        window.location="list.html?pageNo="+pageNo;
	}

</script>
<script>
toastr.options = {"closeButton": false,"debug": false,"positionClass": "toast-top-full-width","onclick": null,"showDuration": "300","hideDuration": "1000","timeOut": "5000","extendedTimeOut": "1000", "showEasing": "swing","hideEasing": "linear","showMethod": "fadeIn","hideMethod": "fadeOut"};	
 	$("input,textarea,select").not("[type=submit]").jqBootstrapValidation(
            {
                preventSubmit: true,
                submitError: function($form, event, errors) {
                	toastr["error"]("留言失败，您可以直接联系我们的QQ：3211247533留言！", "留言失败！");  
                },
                submitSuccess: function($form, event) {
                	if(!("/list.html"==$form.attr('action')))
                	{
                	 $.get("leaveMessage.html",{realname: $('#realname').val(),email:$('#email').val(),leavemessge:$('#leavemessge').val()},function (data, status, jqxhr) {
                             if("true"==data.result){
                             toastr["success"]("尊敬的："+$('#realname').val()+"！您的留言我们已经收到，感谢您的宝贵意见！", "留言成功！");
                             }else{
                         toastr["error"]("尊敬的："+$('#realname').val()+"！留言失败，您可以直接联系我们的QQ：3211247533留言！", "留言失败！");  
                             }
                      }).fail(function () {
                              toastr["error"]("尊敬的："+$('#realname').val()+"！留言失败，您可以直接联系我们的QQ：3211247533留言！", "留言失败！");  
                     });
                		 event.preventDefault();
                	}
                },
                filter: function() {
                    return $(this).is(":visible");
                }
            }
	);

 	
 	

</script> 
 
</body>

</html>